<html>
    <head>
        <meta charset="UTF-8">
        <title>使用JS的DOM操作div和span元素</title>
        <script type="text/javascript">
        function setDiv(){
            //1、获取div元素
            var divElt = document.getElementById("myDiv");
            //alert(divElt);
            //2、设置div中的文本
            //万能的innerHTML属性，在JS中这个属性非常重要
            //可以通过innerHTML属性设置元素中的HTML代码，也可以获取该元素中的HTML代码
            //divElt.innerHTML = "Hello World!";
            divElt.innerHTML = "<font color='blue'>hello word!</font>";
            alert(divElt.innerHTML);
        }
        
        </script>
    </head>
    <body>
        <input type="button" value="设置div中的文本" onclick="setDiv();"/>
        <div id="myDiv">

        </div>
        <span>

        </span>
    </body>
</html>